<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>第五周课后作业</title>
		<link type="text/css" href="css/five.css" rel="stylesheet" />
	</head>
	<body>
		<div id="top">
			<header class="img-1">
				<img src="img/logo1.png" />
			</header>
			<nav class="nav-1">
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">论坛</a></li>
					<li><a href="#">快捷手册</a></li>
					<li><a href="#">中文文档</a></li>
					<li><a href="#">下载</a></li>
					<li><a href="#">关于</a></li>
				</ul>
			</nav>
		</div>
		<section id="center">
			<div class="main">
				<article>
					<header>
						<p class="h1">首要“标签”</p>
					    <p class="p1">作者：<span>王赛</span> * 2017年8月9日</p>
					</header>
					<section class="center-1">
						<p class="p2">在 Ghost 中，每一篇博文都可以有多个标签（tag），并且这些标签的排列顺序也被 Ghost 完整保存。第一个标签被认为是最重要的，因此被特殊对待。</p><br />
						<p class="p3">实例用法</p><br />
						<p class="p4">使用默认的 {{tags}} 助手将展示出所有标签的列表，并且链接到它们各自对应的分类页面：<span> News、Design、Architecture</span></p><br />
						<p class="p5">如果你只是希望输出首要标签并且为其创建一个特殊的链接，你可以在 Casper 2.0 主题中使用如下代码实现：</p><br />
						<p class="p6">这种方式不但仍然可以让你自由地使用标签并为博文建立互相之间的关系，并且在前端页面上保留了一个类似分类的整洁输出。</p><br />
						<p class="p7">希望这一功能能够给你开发主题时提供一些帮助和灵活性。如果你希望了解更多有趣的功能，请访问我们的文档网站：<a href="http://themes.ghost.org/">http://themes.ghost.org/</a> 。</p><br />
						<hr size="0.5px" width="200px" color="#DCDCDC" /><br />
						<p class="p8">这一功能包含在 Ghost 1.2.0 版本中。在自己的服务器上托管 Ghost 的用户可以利用 Ghost-CLI 中的 $ ghost update 命令升级到 最新版本。Ghost(Pro) 用户将很快自动获得这一更新。</p><br />
						<hr size="0.5px" width="200px" color="#DCDCDC" /><br />
						<p class="p9">原文出处：<a href="https://dev.ghost.org/primary-tags/">https://dev.ghost.org/primary-tags/</a></p><br />
						<hr size="0.5px" width="100%" color="#DCDCDC" /><br />
					</section>
					<footer>
						<p class="p10"> 主题, 助手函数</p>
					</footer>
				</article>
				<div class="about">
					<img src="img/logo.png" />
					<p class="p11">关于作者<span>王赛</span></p>
					<p class="p12">&nbsp;&nbsp;北京<span>&nbsp;&nbsp;个人网站/博客</span></p>
				</div>
				<nav class="nav-2">
					<div class="orange-1">< Ghost 1.0 版本正式发布</div>
				    <div class="orange-2">自定义文章摘要（Excerpt） ></div>
			    </nav>
			</div>
			
			<aside class="right">
				<div class="right-1">
					<div class="X">
						<p class="sq">社区</p>
						<hr width="80px" color="#FFA500" />
						<p class="qq">QQ群：277327792</p>
						<p class="a_1"> 问答社区</p>
						<p class="a_1"> 官方微博</p>
					</div>
				</div>
				<div class="right-2">
					<div class="Y">
						<p class="sq">下载 Ghost</p>
						<hr width="120px" color="#FFA500"/>
						<div class="Ghost">Ghost 中文版（0.7.4）</div>
					</div>
				</div>
			</aside>
		</section>
		<footer class="footer">
			<p>Copyright @ Ghost中文网 | 京ICP备11008151号 | 京公网安备11010802014853</p>
		</footer>
	</body>
</html>
